<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ALObooking Software</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="top-wrapper"><div id="top">
        <div id="logo"><a href="index.html"><img src="img/logo.gif" /></a></div>            
        <div id="top-right">Chào <a href="#">admin</a>, <a href="#">đăng xuất</a>!</div>            
        <br class="clr" />
    </div></div>
    
    <div id="nav-wrapper"><div id="nav">
        <ul>
        	<li><a href="index.html">Dashboard</a></li>
            <li class="active"><a href="booking.html">Booking</a></li>
            <li><a href="customer.html">Khách hàng</a></li>
            <li><a href="hotel.html">Khách sạn</a></li>
            <li class="last"><a href="user.html">User</a></li>
            <br class="clr" />
        </ul>
    </div>
    
    <div id="subnav">
        <ul>
            <li class=""><a href="booking.html">Xem tất cả bookings</a></li>
            <li class="active last"><a href="booking_add.html">Tạo booking mới</a></li>
        </ul>  
    </div>
    
    <div id="main">
    	<h1>Tạo booking mới</h1>
        
       	<h2>Thông tin khách hàng</h2>
        
        <div class="old customer">
            <h3>Khách hàng cũ</h3>        
            <table class="table2">        
                <tr>
                    <td>Tìm kiếm</td>
                    <td><input class="textfield" name="" type="text" /> <span class="light">Tên, Mã khách, ĐT</span></td>
                </tr>
            </table>
            
            <p><a href="#" class="underline"><strong>Xóa khách hàng này</strong></a></p>
            
            <table class="data">
                <tr>
                    <td class="grey">Mã khách</td>
                    <td>0000001</td>
                </tr>
                <tr>
                    <td class="grey">Tên khách</td>
                    <td>Yến, Trần Thu</td>
                </tr>
                <tr>
                    <td class="grey">ĐT</td>
                    <td>0908.870.564</td>
                </tr>
                <tr>
                    <td class="grey">Email</td>
                    <td>yen@coffeemugvn.com</td>
                </tr>
                <tr>
                    <td class="grey">Địa chỉ</td>
                    <td>159 Điện Biên Phủ, P.15, Q.Bình Thạnh</td>
                </tr>
            </table>
            
		</div>
        
        <div class="new customer">
            <h3>Khách hàng mới</h3> 
            
            <table class="table2">        
                <tr>
                    <td>Họ tên <span class="compulsory">*</span></td>
                    <td><input class="textfield" name="" type="text" value="Họ và đệm" /> <input class="textfield" name="" type="text" value="Tên" /></td>
                </tr>
                <tr>
                    <td>ĐT <span class="compulsory">*</span></td>
                    <td><input class="textfield" name="" type="text" /></td>
                </tr>
                <tr>
                    <td>Email <span class="compulsory">*</span></td>
                    <td><input class="textfield" name="" type="text" /></td>
                </tr>
                <tr>
                    <td>Địa chỉ</td>
                    <td><input class="textfield" name="" type="text" /></td>
                </tr>
                <tr>
                    <td>Mã khách</td>
                    <td><span class="code">000012</span></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><input class="button" name="" type="button" value="Lưu" /></td>
                </tr>
                
            </table>
		</div>
        <br class="clr" />
        
        <h2>Thông tin booking</h2>
        
        <h3>Thông tin cơ bản</h3>
        
        <div class="booking-info left">        
            <table class="table2">        
                <tr>
                    <td>Ngày đặt</td>
                    <td><span class="auto">21/01/11</span></td>
                </tr>
                <tr>
                    <td>Địa điểm <span class="compulsory">*</span></td>
                    <td>
                        <select class="dropdown">
                            <option>&nbsp;</option>
                            <option>Vung Tau</option>
                            <option>Da Lat</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Khách sạn <span class="compulsory">*</span></td>
                    <td>
                        <select class="dropdown">
                            <option>&nbsp;</option>
                            <option>Bluemoon</option>
                            <option>Ngoc Lan</option>
                            <option>Cadasa</option>
                            <option>Dalat Palace</option>
                        </select>
                    </td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <div class="booking-info center">        
            <table class="table2">                        
                <tr>
                    <td>Tình trạng <span class="compulsory">*</span></td>
                    <td>
                        <select class="dropdown">
                            <option>1. Mới đặt</option>
                            <option>2. Chờ xử lý</option>
                            <option>3. KS confirm</option>
                            <option>4. Confirmed khách</option>
                            <option>5. Thu cọc</option>
                            <option>6. Thu hết</option>
                            <option>7. Hủy</option>
                            <option>8. Kết thúc</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Tổng đêm phòng</td>
                    <td><span class="auto">4</span>
                    </td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <div class="booking-info right">        
            <table class="table2"> 
            	<tr>
                    <td>Mã khách sạn</td>
                    <td><input class="textfield" name="" type="text" /></td>
                </tr>               
                <tr>
                    <td>Mã booking</td>
                    <td><span class="auto">ALB110112-1</span></td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <br class="clr" />
        
        <hr />
        
        <h3>Thanh toán</h3>
        
        <table class="table2 booking-payment">                        
            <tr>
                <td class="wide-spacing">
                	Loại tiền &nbsp;
                	<input id="usd" name="currency" type="radio" checked="checked" value="" /> <label for="usd">USD</label> &nbsp;
                    <input id="vnd" name="currency" type="radio" value="" /> <label for="vnd">VND</label>
                </td>
                
                <td class="wide-spacing">
                	<input name="" id="vat" type="checkbox" value="" />
                    <label for="vat">Xuất VAT</label>
				</td>  
                            
                <td class="wide-spacing">
                    Tỷ giá ALO <span class="compulsory">*</span>
                    <input class="textfield" name="" type="text" />
                </td>
            </tr>            
        </table>
        
        <hr />
        
        <h3>Thông tin chi tiết</h3>
        
        <table class="table1 booking-detail">
        	<tr>
            	<th>Loại phòng</th>
                <th>Tiêu chuẩn</th>
                <th>SL</th>
                <th>Check in</th>
                <th>Check out</th>
                <th>Đơn giá</th>
                <th>Đêm</th>
                <th>Thành tiền</th>
                <th></th>
			</tr>
            <tr>
            	<td align="center"><input class="textfield room" name="" type="text" /></td>
                <td align="center"><input class="textfield" name="" type="text" /></td>
                <td align="center"><input class="textfield short" name="" type="text" /></td>
                <td align="center"><input class="textfield date" name="" type="text" /> <a href="#"><img src="img/calendar.jpg" class="alignV" /></a></td>
                <td align="center"><input class="textfield date" name="" type="text" /> <a href="#"><img src="img/calendar.jpg" class="alignV" /></a></td>
                <td align="center">$ <input class="textfield" name="" type="text" /></td>
                <td align="right">2</td>
                <td align="right">96</td>
                <td align="right"><a href="#" class="underline">Xóa</a></td>
			</tr>
            <tr>
            	<td align="center"><input class="textfield room" name="" type="text" /></td>
                <td align="center"><input class="textfield" name="" type="text" /></td>
                <td align="center"><input class="textfield short" name="" type="text" /></td>
                <td align="center"><input class="textfield date" name="" type="text" /> <a href="#"><img src="img/calendar.jpg" class="alignV" /></a></td>
                <td align="center"><input class="textfield date" name="" type="text" /> <a href="#"><img src="img/calendar.jpg" class="alignV" /></a></td>
                <td align="center">$ <input class="textfield" name="" type="text" /></td>
                <td align="right">1</td>
                <td align="right">110</td>
                <td align="right"><a href="#" class="underline">Xóa</a></td>
			</tr>
            <tr>
            	<td colspan="11"><a href="#" class="underline"><strong>Thêm hàng mới</strong></a></td>
			</tr>
            <tr class="heading">
            	<th colspan="11">Loại khác</th>
			</tr>
            <tr>
            	<td align="center"><input class="textfield room" name="" type="text" /></td>
                <td align="center"><input class="textfield" name="input" type="text" /></td>
                <td align="center"><input class="textfield short" name="" type="text" /></td>
                <td align="center">&nbsp;</td>
                <td align="center">&nbsp;</td>
                <td align="center">$ <input class="textfield" name="" type="text" /></td>
                <td align="right"><input class="textfield short" name="input2" type="text" /></td>
                <td align="right">-10</td>
                <td align="right"><a href="#" class="underline">Xóa</a></td>
			</tr>
            <tr>
            	<td colspan="11"><a href="#" class="underline"><strong>Thêm hàng mới</strong></a></td>
			</tr>
            
            <tr>
            	<td colspan="6">Tổng tiền phòng</td>
                <td align="right">USD</td>
				<td align="right"><span class="highlight">190</span></td>
                <td align="right">&nbsp;</td>
            </tr>
            <tr>
            	<td colspan="6">&nbsp;</td>
                <td align="right">VND</td>
				<td align="right"><span class="highlight">3.900.400</span></td>
                <td align="right"></td>
            </tr>
        </table>
        
        <h3>Bao gồm</h3>
        <p class="pb20"><textarea name="" cols="90" rows="5">Rich Text Editor (very simple one)</textarea></p>
        <br class="clr" />
        
        <div id="booking-submit">
        	<input class="button" name="" type="button" value="OK" />
            <input class="button" name="" type="button" value="Hủy" />
        </div>
        
    </div><!--#main-->
    
    <div id="footer">&copy; 2010 ALObooking.</div>    
</body>
</html>
